<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="shortcut icon" href="./favicon.ico" />
    <link rel="stylesheet" type="text/css" href="./iconfont/font/iconfont.css">
    <link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.css">
    <link rel="stylesheet" href="./css/gouwuche.css">

</head>
<body>
    <header>
        <img src="./images/l.jpg" alt="">
        <ul class="banxin wnqcf">
            <li><a href="./index.html">联想首页</a></li>
            <li><a href="lianbiao.html">商城</a></li>
            <li><a href="gouwuche.html">购物车</a></li>
            <li><a href="lianbiao.html">服务</a></li>
            <li><a href="lianbiao.html">会员</a></li>
            <li><a href="lianbiao.html">社区</a></li>
            <li><a href="lianbiao.html">门店</a></li>
            <li><a href="lianbiao.html">品牌</a></li>
            <li><a href="" style="color: red;">下载app</a> </li>
            <li style="float: right;">
                <div class="headr_right .wnqcf">
                    <div class="zuo"><a href="./denlu.html">登录</a></div>
                    <div class="zhon">|</div>
                    <div class="you"><a href="./zhuche.html">注册</a></div>
                    <img src="./images/小手机.png" alt="">

                </div>
            </li>
        </ul>
    </header>
    <!-- 导航栏 -->
    <nav class="wqncf">
        <ul class="banxin">
            <li>新品</li>
            <li>定制</li>
            <li>合伙人</li>
            <li>以旧换新</li>
            <li>0元试用</li>
            <li>乐豆购</li>
            <li>学生</li>
            <li>直播</li>
            <li>企业购</li>
            <li>0元购</li>
            <li class="qcybj fangdajing">
                <input type="text" placeholder="私玩制定 自成一派">
                <img src="./images/放大镜.png" alt="">
            </li>
        </ul>
    </nav>

    <!-- 导航路径 -->
    <div class="ljdh banxin">
        <ol class="wnqcf">
            <li><a href="index.html">首页</a></li>
            <span>/</span>
            <li><a href="lianbiao.html">列表页</a></li>
            <span>/</span>
            <li class="dangqianye">购物车</li>
        </ol>
    </div>
    <hr>

    <!-- 购物车 -->
    <div class="gwc banxin">
    <table class="table banxin" border="1">
        <thead>
            <tr>
                <th ><input checked type="checkbox" name="selectAll">全选</th>
                <th>商品图片</th>
                <th>商品单价</th>
                <th>商品数量</th>
                <th>小计</th>
                <th>操作</th>
            </tr>
        </thead>
        
        <tbody></tbody>
        <tfoot>
            <tr>
                <td><input type="checkbox" checked name="selectAll">全选</td>
                <td colspan="2">总数量：<span class="totalNum">0</span>件</td>
                <td colspan="2">总价格：￥<span class="totalPrice">0</span>元</td>
                <td>
                    <a href="" class="btn btn-danger">付款</a>
                </td>
            </tr>
        </tfoot>
    </table>
</div>



</body>
<script src="./node_modules/jquery/dist/jquery.js"></script>
<script src="./node_modules/layui-layer/dist/layer.js"></script>
<script src="./node_modules/bootstrap/dist/js/bootstrap.js"></script>
<script src="./js/tools.js"></script>
<script src="./js/cookie.js"></script>
<script src="./js/gouwuche.js"></script>
</html>